<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8" />
<title>汉服荟商城</title>
<!--导入核心文件-->
<script src="../bootstrap3/js/holder.js"></script>
<link href="../bootstrap3/css/bootstrap.css" rel="stylesheet"
	type="text/css">
<script src="../bootstrap3/jquery-1.9.1.min.js"></script>
<script src="../bootstrap3/js/bootstrap.js"></script>

<link href="../css/aaa.css" rel="Stylesheet" />
<script src="../js/aaa.js"></script>

<!-- 字体图标 -->
<link rel="stylesheet"
	href="../bootstrap3/font-awesome-4.7.0/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="../css/layout.css" />
<link rel="stylesheet" type="text/css" href="../css/top.css" />
<link rel="stylesheet" type="text/css" href="../css/footer.css" />
<link rel="stylesheet" type="text/css" href="../css/order.css" />

</head>

<body>
	<!--头部-->
	<div class="s_nav">
		<div class="s_nav_box">
			<a class="s_logo photo" href="../index.html"></a>
			<nav class="s_nav_menu">
				<a class="default active" href="../index.html">首页</a> <a
					class="album" href="album.html">摄影</a> <a class="video"
					href="/video">视频</a> <a class="topic" href="/topic">问答</a> <a
					class="word" href="/word">文章</a> <a class="activity" href="/game">活动</a>

			</nav>
			<div class="def_search  header_user">

				<div class="user">
					<img class="head"
						src="https://pic.hanfugou.com/web/2018/11/20/11/2e3e6efa17ba4116941bd3d176ddc8df.jpeg_50x50.jpg">
					<nav class="dropdown_menu">
						<a class="item letter" href="password.html" target="im"> <i
							class="icon"></i>修改密码
						</a> <a class="item auth" href="userdata.html"> <i class="icon"></i>个人资料
						</a> <a href="upload.html" id="aUMain" class="item usermain"> <i
							class="icon"></i>上传头像
						</a> <a class="item tools" href="address.html"> <i class="icon"></i>收货管理
						</a> <a class="item exit" href="login.html"><i class="icon"></i>退出
						</a>
					</nav>
				</div>
				</a>

				<div class="appdown">
					APP下载
					<div class="appdownload">
						<div class="appdownload_btn">
							<a class="ios"
								href="https://itunes.apple.com/cn/app/id1065807878"
								target="_blank">iPhone下载</a> <a class="android"
								href="https://www.hanfuhui.cn/download" target="_blank">Android下载</a>
						</div>
						<img
							src="../image/2e3e6efa17ba4116941bd3d176ddc8df.jpeg_100x100.jpg"
							alt="">
					</div>
				</div>
				<a class="search_btn" onclick="location.href='/search'"></a>
			</div>
		</div>
	</div>
	<!--头部结束-->
	<!--导航 -->
	<!--分割导航和顶部-->
	<div class="clearfix"></div>
	<div class="container">
	<div class="col-md-12 top-nav">
		<div class="col-md-6">
			<ul class="nav nav-pills">
				<li><a href="#"></a></li>
				<li class="active"><a href="../index.html"><span
						class="fa fa-home"></span></a></li>
				<li><a class="gou" href="han_shopmall.html">商城</a></li>
				<li><a href="cart.html">购物车</a></li>
				<li><a href="news.html">资讯</a></li>
				<li><a href="culture.html">文化</a></li>
			</ul>

		</div>
		<div class="col-md-6">

			<form action="search.html" class="form-inline" role="form"
				style="float: right;">
				<div class="form-group">
					<input type="text" class="form-control" id="search" name="search"
						placeholder="请输入商品名称进行搜索">
				</div>

				<button type="submit" class="btn btn-default btn-sm">
					<span class="fa fa-search"></span>
				</button>
			</form>

		</div>
	</div>
	<!--导航结束-->
<div id="container">
	<div class="col-md-2">
		<!--左侧导航开始-->
		<div class="panel-group" id="accordion">
			<div class="panel panel-default">
				<div class="panel-heading">
					<!--主选项：我的订单-->
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion"
							href="#collapseOne">我的订单</a>
					</h4>
				</div>
				<div id="collapseOne" class="panel-collapse collapse in">
					<div class="panel-body">
						<div>
							<a href="orders.html"><b>全部订单</b></a>
						</div>
						<div>
							<a href="orders.html">待付款</a>
						</div>
						<div>
							<a href="orders.html">待收货</a>
						</div>
						<div>
							<a href="orders.html">待评价</a>
						</div>
						<div>
							<a href="orders.html">退货退款</a>
						</div>

					</div>
				</div>

			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<!--主选项：资料修改-->
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion"
							href="#collapseTwo">资料修改</a>
					</h4>
				</div>
				<div id="collapseTwo" class="panel-collapse collapse">
					<div class="panel-body">
						<div>
							<a href="password.html"><b>修改密码</b></a>
						</div>
						<div>
							<a href="userdata.html">个人资料</a>
						</div>
						<div>
							<a href="upload.html">上传头像</a>
						</div>
						<div>
							<a href="address.html">收货管理</a>
						</div>
					</div>
				</div>
			</div>

		</div>

	</div>
	<!--左侧导航结束-->
	<div class="col-md-10">
		<div class="panel panel-default">
			<div class="panel-heading">

				<h4 class="panel-title">订单号：1101000001，下单时间：2018-12-1 17:50:30
					，收货人：八戒</h4>
			</div>
			<div class="panel-body">
				<table class="orders-table" width="100%">
					<thead>
						<tr>
							<th width="110"></th>
							<th width="35%">商品</th>
							<th width="10%">单价</th>
							<th width="8%">数量</th>
							<th width="10%">小计</th>
							<th width="10%">售后</th>
							<th width="10%">状态</th>
							<th width="10%">操作</th>
						</tr>
					</thead>
					<tbody class="orders-body">
						<tr>

							<td><img
								src="../images/portal/12DELLXPS13-silvery/collect.png"
								width="110" /></td>
							<td>联想(Lenovo)小新Air13 Pro 13.3英寸14.8mm超轻薄笔记本电脑</td>
							<td>¥<span>5298</span></td>
							<td>1件</td>
							<td>¥<span>5298</span></td>
							<td><a href="#">申请售后</a></td>
							<td>
								<div>已发货</div>
								<div>
									<a href="orderInfo.html">订单详情</a>
								</div>
							</td>
							<td><a href="#" class="btn btn-default btn-xs">确认收货</a></td>
						</tr>
						<tr>

							<td><img
								src="../images/portal/16LenovoYOGA900green/collect.png"
								width="110" /></td>
							<td>戴尔(DELL)XPS13-9360-R1609 13.3</td>
							<td>¥<span>4696</span></td>
							<td>2件</td>
							<td>¥<span>9392</span></td>
							<td><a href="#">申请售后</a></td>
							<td>
								<div>已发货</div>
								<div>
									<a href="orderInfo.html">订单详情</a>
								</div>
							</td>
							<td><a href="#" class="btn btn-default btn-xs">确认收货</a></td>
						</tr>
						<tr>

							<td><img
								src="../images/portal/13LenovoIdeaPad310_silvery/collect.png"
								width="110" /></td>
							<td>戴尔(DELL)魔方15MF Pro-R2505TSS灵越</td>
							<td>¥<span>5999</span></td>
							<td>1件</td>
							<td>¥<span>5999</span></td>
							<td><a href="#">申请售后</a></td>
							<td>
								<div>已发货</div>
								<div>
									<a href="orderInfo.html">订单详情</a>
								</div>
							</td>
							<td><a href="#" class="btn btn-default btn-xs">确认收货</a></td>
						</tr>
					</tbody>
				</table>
				<div>
					<span class="pull-right">订单总金额：¥20689</span>
				</div>
				</div>
			</div>
		</div>
	</div>
</div>
	<!--页脚开始-->
	<footer style="text-align: center;">
		<p>
			<a href="/" target="_blank">关于我们</a><i>|</i><a href="/"
				target="_blank">商家入驻</a><i>|</i><a href="/" target="_blank">入驻协议</a><i>|</i><a
				href="#" target="_blank">新手指南</a><i>|</i><a
				href="/copyright/?action=cooperation" target="_blank">商务合作</a><i>|</i><a
				href="" target="_blank">汉服荟</a>
		</p>
		<p class="copyright">
			<a href="/" class="ebs" target="_blank"></a>CopyRight ©2018
			珠海市达内汉服网络科技有限公司 版权所有 <a href="" target="_blank">粤ICP备14084884号-1</a>
			电话：0888-8888888
		</p>
	</footer>
	<!--页脚结束-->
<!----------------------JS代码------------------------>
	<script type="text/javascript">
        $(document).ready(function() {
            showOrdersList();
        });

        function showOrdersList() {
            $
                .ajax({
                    "url" : "../order/list",
                    "type" : "GET",
                    "dataType" : "json",
                    "success" : function(json) {
                        var list = json.data;
                        console.log("list.length=" + list.length);

                        $("#cart-list").empty();

                        for (var i = 0; i < list.length; i++) {
                            var html = '<tr>'
                                + '<td>'
                                + '<input type="checkbox" name="cart_id" value="#{id}" class="ckitem" />'
                                + '</td>'
                                + '<td><img src="..#{image}" width="80%" /></td>'
                                + '<td>#{title}</td>'
                                + '<td>¥<span id="goodsPrice#{id}">#{price}</span></td>'
                                + '<td>'
                                + '<input type="button" value="-" class="num-btn" onclick="reduceNum(#{id})" />'
                                + '<input id="goodsCount#{id}" type="text" size="2" readonly="readonly" class="num-text" value="#{count}">'
                                + '<input class="num-btn" type="button" value="+" onclick="addCount(#{id})" />'
                                + '</td>'
                                + '<td>¥<span id="goodsTotalPrice#{id}">#{total_price}</span>.00</td>'
                                + '<td><input type="button" onclick="delCartItem(this)" class="cart-del btn btn-default btn-xs" value="删除"/></td>'
                                + '</tr><tr></tr>';

                            html = html.replace(/#{id}/g, list[i].id);
                            html = html.replace(/#{image}/g, list[i].image);
                            html = html.replace(/#{title}/g, list[i].title);
                            html = html.replace(/#{price}/g,
                                list[i].newPrice);
                            html = html.replace(/#{count}/g, list[i].count);
                            html = html.replace(/#{total_price}/g,
                                list[i].newPrice * list[i].count);

                            $("#cart-list").append(html);
                        }
                    }
                });
        }
	</script>
</body>

</html>